<template>
	<div slot="customContent" style="width: 100%;">
		<div class="title">
			请如下图所示，将{{cardName}}插入自助机指定位置
		</div>
		<div class="conentImg" @click="gotoMzgh()">
			<img class="modelImg" src="@/assets/images/readcard/吉大读卡提示/zizhuji_img.png" />
			<div class="pointBoxtYbk">
				<div>
				<img class="kuangImg" src="@/assets/images/readcard/吉大读卡提示/kuang.png">
				</div>
				<img class="souzhiImg" src="@/assets/images/readcard/吉大读卡提示/shouzhi.gif" />
			</div>
		</div>
		<div class="bottomBox">
			<el-button  type="primary" class="BtnTextHome" @click="goBackHome()">首页</el-button>
		</div>
	</div>
</template>
<script>
	export default {
		name: "ybk",
		data() {
			return {
				cardName: ''
			};
		},
		methods: {
			ReckonTime() {},
			//数据回调
			gotoMzgh() {
				this.$emit("ReadedYbkInfo", "");
			}
		},
		computed: {},
		components: {},
		mounted() {},
		created() {
			this.cardName = this.$route.query.cardName;
		}
	};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
	@import "@/assets/css/skzs.scss";
	@import "@/assets/css/zyczXzskfs.scss";
</style>
